@import '../../common/style/_mixins';
.dashboard_container{
  //标题
  .dashboard_container-title{
    line-height: 50px;
    font-size: 30px;
    color:#333;
    span{
      font-size: 24px;
      color:#777;
      padding-left: 10px;
    }
  }

  // 图形区域
  .graphic_container {
    width:100%;
    ul{
      padding: 0;
      margin: 0;
      @include clearFloatByAfter();
      li{
        padding: 0;
        margin: 0;
        width:22%;
        height:125px;
        float: left;
        list-style: none;
        &:not(:first-child){
          margin-left:4%;
        }
        .graphic_left_container{
          width:25%;
          height:100%;
          float: left;
          i{
            display: block;
            line-height: 125px;
            font-size: 40px;
            color:#fff;
            text-align: center;
          }
        }
        .graphic_right_container{
          background-color: #fff;
          width:75%;
          height:100%;
          float: right;
          p{
            text-align: center;
            padding: 0;
            margin: 0;
            &:nth-child(1){
              font-size: 50px;
              color: #8A8A8A;
              line-height: 80px;
            }
            &:nth-child(2){
              font-size: 14px;
              color: #2B2E33;
              font-weight: 700;
              line-height: 20px;
            }
          }
        }
        // 绿色图标
        .graphic_Green{
          background-color: #1CC09F;
        }
      }
    }
  }
}

